<template>
  <div>
    <ul>
        <li>
            <van-icon name="records" size="30" color="#003395"/>
            <p>申请</p>
        </li>
        <li>
            <van-icon name="cash-back-record" size="30" color="#003395"/>
            <p>支用</p>
        </li>
        <li>
            <van-icon name="balance-pay" size="30" color="#003395"/>
            <p>还款</p>
        </li>
        <li>
            <van-icon name="contact" size="30" color="#003395"/>
            <p>我的</p>
        </li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    ul {
        width: 100%;
        display: flex;
        position: absolute;
        left: 0;
        bottom: .2rem;
        li {
            width: 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            p {
                font-size: .14rem;
                margin-top: .05rem;

        }
    }
}

</style>
